const CloudStorageArt = () => {
	return (
		<svg
			width="971"
			height="249"
			viewBox="0 0 971 249"
			fill="none"
			xmlns="http://www.w3.org/2000/svg"
		>
			<path
				d="M0 146.095H74.6846M74.6846 146.095V248H187.161V161.425H249.699M74.6846 146.095H119.675V20.7418H226M249.699 161.425H312.236H347V138M249.699 161.425V129.411M387.82 97.3964V74.5M387.82 97.3964H347M387.82 97.3964V112.5H449.5M516.494 112.5V168.64H625.821M516.494 112.5H449.5M516.494 112.5V94.5H456V74.5M746.846 0V37.8764H638.868V52.3055M625.821 168.64H735.148V115.433H638.868V83.8691M625.821 168.64V205.615H810.733V146.095H970V79.36H896.215L869.221 52.3055H782V83.8691H638.868M625.821 168.64V135H555.5V103M638.868 52.3055H599V20.7418H501V41.3709M638.868 52.3055V83.8691M501 41.3709V62H555.5V103M501 41.3709H456V74.5M456 74.5H387.82M387.82 74.5V44.1891H339M638.868 83.8691H593.5V103H555.5M249.699 129.411V97.3964H298.349M249.699 129.411H183V79.36H226V20.7418M226 20.7418H278.943V44.1891H339M347 97.3964H298.349M347 97.3964V138M298.349 97.3964V70H339V44.1891M449.5 112.5V138H347"
				stroke="url(#paint0_linear_630_169)"
			/>
			<path
				className="gradient-path"
				d="M391.5 74.5H456V41.3333H478.5L501 41.3333V62H555.5V103H593.5V84H635.5"
				stroke="url(#paint1_linear_630_169)"
			/>
			<g className="circle-two" filter="url(#filter0_d_630_169)">
				<circle cx="388" cy="74" r="4" fill="#376FA9" className="circle-two" />
			</g>

			<g className="circle-one" filter="url(#filter1_d_630_169)">
				<circle className="circle-one" cx="639" cy="84" r="4" fill="#376FA9" />
			</g>
			<defs>
				<filter
					id="filter0_d_630_169"
					x="372"
					y="58"
					width="32"
					height="32"
					filterUnits="userSpaceOnUse"
					colorInterpolationFilters="sRGB"
				>
					<feFlood floodOpacity="0" result="BackgroundImageFix" />
					<feColorMatrix
						in="SourceAlpha"
						type="matrix"
						values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
						result="hardAlpha"
					/>
					<feOffset />
					<feGaussianBlur stdDeviation="6" />
					<feComposite in2="hardAlpha" operator="out" />
					<feColorMatrix
						type="matrix"
						values="0 0 0 0 0.231373 0 0 0 0 0.443137 0 0 0 0 0.67451 0 0 0 1 0"
					/>
					<feBlend
						mode="normal"
						in2="BackgroundImageFix"
						result="effect1_dropShadow_630_169"
					/>
					<feBlend
						mode="normal"
						in="SourceGraphic"
						in2="effect1_dropShadow_630_169"
						result="shape"
					/>
				</filter>
				<filter
					id="filter1_d_630_169"
					x="623"
					y="68"
					width="32"
					height="32"
					filterUnits="userSpaceOnUse"
					colorInterpolationFilters="sRGB"
				>
					<feFlood floodOpacity="0" result="BackgroundImageFix" />
					<feColorMatrix
						in="SourceAlpha"
						type="matrix"
						values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
						result="hardAlpha"
					/>
					<feOffset />
					<feGaussianBlur stdDeviation="6" />
					<feComposite in2="hardAlpha" operator="out" />
					<feColorMatrix
						type="matrix"
						values="0 0 0 0 0.235294 0 0 0 0 0.458824 0 0 0 0 0.698039 0 0 0 1 0"
					/>
					<feBlend
						mode="normal"
						in2="BackgroundImageFix"
						result="effect1_dropShadow_630_169"
					/>
					<feBlend
						mode="normal"
						in="SourceGraphic"
						in2="effect1_dropShadow_630_169"
						result="shape"
					/>
				</filter>
				<linearGradient
					id="paint0_linear_630_169"
					x1="49"
					y1="80.9999"
					x2="769.061"
					y2="0.547463"
					gradientUnits="userSpaceOnUse"
				>
					<stop stopColor="#343259" stopOpacity="0" />
					<stop offset="0.593922" stopColor="#25273E" />
					<stop offset="1" stopColor="#343259" stopOpacity="0" />
				</linearGradient>
				<linearGradient
					id="paint1_linear_630_169"
					x1="633.5"
					y1="83.5"
					x2="388.5"
					y2="74"
					gradientUnits="userSpaceOnUse"
				>
					<stop stopColor="#4AA8FF" stopOpacity="0" />
					<stop offset="0.552083" stopColor="#4AA8FF" />
					<stop offset="1" stopColor="#4AA8FF" stopOpacity="0" />
				</linearGradient>
			</defs>
		</svg>
	);
};

export default CloudStorageArt;
